<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="练习.css">
</head>
<body>
<div>
    <div id="top">
        <div id="top_l"  class="fl">
            <img src="http://doc.canglaoshi.org/tstore_v1/images/itemCat/study_stationery_img1.png" alt="">
            <div class="fr">
                <p class="title_p">雅致布面年历本</p>
                <p class="intro_p">有色更有范!变色PU皮,撞色搭配,绚丽色彩,张扬个性,点亮生活新时尚!</p>
                <p class="price_p">仅售 ￥49.00</p>
                <a href="#">查看详情</a>
            </div>
        </div>
        <div id="top_r" class="fr"></div>
    </div>
    <div id="bottom">
        <div></div>
        <div>
            <div></div>
            <div></div>
            <div></div>
        </div>
    </div>
</div>
</body>
</html>